<template>
  <div>
    <van-search
      v-model="searchValue"
      shape="round"
      background="#4fc08d"
      placeholder="请输入搜索关键词"
    />
   <van-card
          v-for="v in searchList"
          :key="v.id"
          :desc="v.desc"
          :title="v.title"
          :thumb="v.url"
          @click="toDetail(v.id)"
        />

  </div>
</template>


<script>
export default {
  data() {
    return {
      searchValue: ""
    };
  },
  computed: {
    searchList() {
      return this.$store.getters.searchList(this.searchValue);
    }
  }
};
</script>